viewchild

You need to define a to is able to use it elsewhere in your app as a TemplateRef . You can store these TemplateRef s in a Service and then access them the from any @Directive or in @Component your app.We want to create a service and a component together to store all the templates.ServiceImport {injectable, templateref} from "@angular/core"; @Injectable () Export class Templatesservice { New map();}Compoment:Import {Component, viewchild} from "@ang

Nonsense less say directly on the code ....Import the namespaces you need to use Viewchild,contentImport {Component, viewchild} from ' @angular/core '; import {navcontroller, Modalcontroller, Toastcontroller, Content} f Rom ' ionic-angular '; @Component ({ selector: ' Home ', templateurl: ' home.html ',}) Export Class Homepage { @　　Viewchild (Content) content:

/map.module ';Import {geolocation} from ' @ionic-native/geolocation ';@NgModule ({Imports: [...MappagemoduleProviders: [...Geolocation4. In the Ionic program, navigate to File: \src\pages\map\map.html, in ion-content tag, add the following code.The code looks like this.5. Navigate to File: \src\pages\map\map.ts, Import {Component, Viewchild, elementref} from ' @angular/core '; Import {ionicpage, Navcontroller, Alertcontroller, Navparams, Menucon

Here is a simple example of using highchairs and Chart.js under Ionic2Chartjs Section Reference http://www.jianshu.com/p/bc18132da8121. Installing Hightchartsinstall highcharts --savetypings install dt~highcharts --global --save2. EditingHTML fileAdd a div to the HTML to display the chartclass=" about "> canvas id=" mychart "width=" "> canvas> div #chart>div> TS fileImport {Component,elementref,afterviewinit,ondestroy,

operation demoThe HTML code of the upload file component is simple, and there is no preview function. In the future expand it.The corresponding background code is as follows1Import {Component, OnInit, Input, Inject, Viewchild, Templateref, Elementref, Output, Eventemitter} from '@angular/core';2Import {Bsmodalservice} from 'Ngx-bootstrap/modal';3Import {Bsmodalref} from 'Ngx-bootstrap/modal/modal-options.class';4 5Import {fileuploader, fileuploaderop

Indexitem of Contactindex" (click)="Gotoindex (indexitem)">{{Indexitem}} Contacts.scss.index-num{ color:blue; font-size:13px;}.scroll-content{ padding:0px!important}.red-index{ color:red;}Contacts.component.tsImport {Component, viewchild} from ' @angular/core '; import {navcontroller, navparams} from ' ionic-angular '; import {Con Tacts} from ' @ionic-native/contacts ', import {commonutil} from '. /common.util '; @Component ({selector: ' Cont

Android gets all the child controls of the specified type, so that you do not need to use Findviewbyid to get the control one by one, to achieve the control state purpose./** * 获取所有指定类型的子控件 * @param T * @return */privategetAllChildViews(Classthis.getWindow().getDecorView(); return getAllChildViews(view, T); }privategetAllChildViews(View parent, Classnew ArrayListifinstanceof ViewGroup) { ViewGroup vp = (ViewGroup) parent; for (int0; i if (viewchild.getClass().equals(T)) { allchildre

{intervalId = 0; numArray = []; // clear the timer private clearTimer () {console. log ('Stop refreshing'); clearInterval (this. intervalId);} // generate the random number private getRandom (begin, end) {return Math. floor (Math. random () * (end-begin);} ngOnInit () {for (let I in this. numArray) {this. numArray [I] = this. getRandom (0, 100000000); // "0", "1", "2" ,};}// the element closes the clearing timer ngOnDestroy () {this. clearTimer () ;}// start the timed refresh array refreshArr (

Cropperjs height is too large (container height too much)tags (space delimited): JavaScriptBusiness needs web Avatar cut, with a canvas to write a demo card into a horse, so went to find ready-made, found Cropperjs this lib,4k star.When used in the Ionic project (do not pack the app), found that height is always far higher than the height of the picture display, find issues author just say to the picture and the maximum width of 100%, here need to note, width:100% also must give the picture a pa

/docs/v2/ionicons/ Tabs.html The default first goes to the Third tab page: HTML control JS Control Import {Component} from ' @angular/core '; Import {homepage} from ' ... /home/home '; Import {aboutpage} from ' ... /about/about '; Import {contactpage} from ' ... /contact/contact '; Import {Tabs} from ' Ionic-angular '; Import {injectable, viewchild} from ' @angular/core '; @Component ({ templateurl: ' build/pages/ta

Import {Component, viewchild} from ' @angular/core '; Import {Platform, Toastcontroller, Nav, Ionicapp} from ' Ionic-angular '; Import {StatusBar, splashscreen} from ' ionic-native '; Import {tabspage} from '. /pages/tabs/tabs '; @Component ({templateurl: ' app.html '}) Export class MyApp {rootpage = tabspage; Backbuttonpressed:boolean = false; Used to determine whether the return key triggers a @ViewC